<template>
  <router-view></router-view>
  <el-dialog v-model="store.state.dialogTableVisible" 
    :show-close="false"
    width="1000px"
    height="600px"
    >
    <standContainer v-if="store.state.standIsShow"></standContainer>
    <specialContainer v-if="store.state.specialIsShow"></specialContainer>
    <meteringContainer v-if="store.state.meteringIsShow"></meteringContainer>
    <patrolContainer v-if="store.state.patrolIsShow"></patrolContainer>
    <maintainContainer v-if="store.state.maintainIsShow"></maintainContainer>
    <repairsContainer v-if="store.state.repairsIsShow"></repairsContainer>
    <upkeepContainer v-if="store.state.upkeepIsShow"></upkeepContainer>
  </el-dialog>


  


</template>


<script setup>
import { onMounted, ref } from "vue";
import { store } from "./store/config";

// 中间
import standContainer from "./components/template/stand/standContainer.vue"

import specialContainer from "./components/template/special/specialContainer.vue"
import meteringContainer from "./components/template/metering/meteringContainer.vue"
import patrolContainer from "./components/template/patrol/patrolContainer.vue"
import maintainContainer from "./components/template/maintain/maintainContainer.vue"
import repairsContainer from "./components/template/repairs/repairsContainer.vue"
import upkeepContainer from "./components/template/upkeep/upkeepContainer.vue"



onMounted(()=>{

})

</script>

<style>
 .el-table th.el-table__cell, .el-table tr{
  color: aliceblue;
 }

 .el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active{
  background-color:#4a8580!important; /* Change this to the color you want */
}

</style>
